<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>天禾人才</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="minimal-ui=yes,width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	
</head>
<body>
	<div class="header">
		<div class="top">
			<!-- <div class="sn-nav-back">
				<a href="javascript:;" onclick="javascript:history.back(-1);"><img src="img/back.png"></a>
			</div> -->
			<div class="sn-nav-title of">首页</div>
		</div>
		<!--轮播[[-->
		<div id="slider" class="mui-slider">
			<div class="mui-slider-group mui-slider-loop" id="sliderLoop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div id="sliderDuplicate" class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="img/banner1.jpg">
					</a>
				</div>
				<!-- 第一张 -->
				<div id="sliderItem" class="mui-slider-item">
					<a href="javascript:;">
						<img src="img/banner1.jpg">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="img/banner2.jpg">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="img/banner3.jpg">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="img/banner3.jpg">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator" id="sliderIndicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>

			</div>
		</div>
		<!--]]轮播-->
	</div>
	<div class="container">
		<div class="title">
			<h3>所有课程</h3>
		</div>
		<div class="row clearfix">
			<div class="course-wrap fl">
				<a href="course_details.html">
					<div class="course-box">          
						<img src="img/1.jpg" width="100%">      
						<div class="course-intro">              
							<h3>微信小程序培训课程</h3>
							<span class="l">0人已报名</span>          
						</div>      
					</div>
				</a>
			</div>
			<div class="course-wrap fl">
				<a href="course_details.html">
					<div class="course-box">          
						<img src="img/2.jpg" width="100%">      
						<div class="course-intro">              
							<h3>腾讯2016前端培训课程</h3>
							<span class="l">0人已报名</span>          
						</div>      
					</div>
				</a>
			</div>
		</div>

	</div>
	<div class="footer clearfix">
		<div class="home current fl">
			<a href="index.html">	
				<img src="img/home.png">
				<p>首页</p>
			</a>
		</div>
		<div class="course fl">
			<a href="course.html">
				<img src="img/course.png">
				<p>课程</p>
			</a>
		</div>
		<div class="personal_center fl">
			<a href="personal_center.html">
				<img src="img/personal_center.png">
				<p>我的</p>
			</a>
		</div>
		<div class="more fl">
			<a id="globalMore" class="icon-more" href="javascript:;" style="display: block;">	
				<img src="img/more.png">
				<p>更多</p>
			</a>
			<!-- <ul class="nav-more-list " id="globalMoreList" style="font-size: .6rem;">
				<li><a class="gys" href="javascript:;">公司简介</a></li>
				<li><a class="qds" href="javascript:;">联系方式</a></li>
				<li class="sjx"></li>
			</ul> -->
		</div>
	</div>
</body>

<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/accountCenter.js" ></script>
<script src="js/mui.js"></script>

<script type="text/javascript" charset="utf-8">
	mui.init({
		swipeBack: true //启用右滑关闭功能
	});

	var slider = mui("#slider");
	slider.slider({
		interval: 3000
	});
</script>


</html>